<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>利用外部JS文件动态输出网页内容</title>
<style>
body {
	font-size: 12px; font-family: arial,"宋体";background: #fff; margin: 0px; color: #000; line-height: 22px;
}

div {
	font-size: 12px; font-family: arial,"宋体";display: block; overflow: hidden; text-align: left;
}

ul {
	padding-right: 0px; display: block; padding-left: 0px; padding-bottom: 0px; margin: 0px; overflow: hidden; padding-top: 0px; list-style-type: none
}

li {
	padding-right: 0px; display: block; padding-left: 0px; padding-bottom: 0px; margin: 0px; overflow: hidden; padding-top: 0px; list-style-type: none
}

a {
	color: #333333; text-decoration: none
}

a:hover {
	text-decoration: underline
}

#helpCenter {
	border-right: #dadada 1px solid; border-top: #dadada 1px solid; background: #fbfbfb; margin: 10px auto 0px; border-left: #dadada 1px solid; width: 980px; border-bottom: #dadada 1px solid; height: 130px
}

#helpCenter div {
	margin: 10px auto; width: 900px; height: 110px
}

#helpCenter div ul {
	float: left; width: 180px; height: 110px
}

#helpCenter div ul.line {
	border-left: #dddddd 1px solid; width: 179px
}

#helpCenter div ul li {
	padding-left: 10px; width: 160px; line-height: 22px; height: 22px
}

#bottom {
	background: #ffffff;
	margin: 10px auto;
	width: 700px;
	height: 30px;
	padding: 10px 10px 10px 270px;
	border: 1px solid #dddddd;
}

#bottom li {
	float: left; height: 22px
}

#bottom li.line {
	background: url(images/icon_grp.gif) no-repeat -10px 5px; width: 20px
}
	</style>
</head>

<body>
  <script src="js/bottom.js" type="text/javascript"></script>
</body>
</html>
